.PartyA01 {
	padding: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	overflow: hidden;

	& > div {
		margin-bottom: 8px;
		width: 100%;
	}

	& > .Number {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 44px;
		background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0),
			rgba(157, 30, 0, 1),
			rgba(0, 0, 0, 0)
		);

		& > span:nth-child(1) {
			font-size: 20px;
			font-family: MicrosoftYaHei;
			font-weight: bold;
			color: #ffe673;
		}

		& > span {
			font-size: 20px;
			font-family: MicrosoftYaHei;
			font-weight: bold;
			color: #ffffff;
		}
	}

	& > .Org {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 16px;

		& > div {
			width: 30%;
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 8px;
			position: relative;
			z-index: 1;
			margin-bottom: 4px;

			&::after {
				position: absolute;
				content: "";
				left: 0;
				bottom: 0;
				width: 100%;
				height: 9px;
				background: linear-gradient(
					90deg,
					rgba(197, 45, 28, 0.5),
					rgba(197, 45, 28, 0)
				);
				z-index: -1;
			}

			& > span:nth-child(1) {
				font-size: 16px;
				font-family: MicrosoftYaHei;
				font-weight: bold;
				color: #f7d189;
			}

			& > span:nth-child(2) {
				font-size: 16px;
				font-family: MicrosoftYaHei;
				font-weight: bold;
				color: #ffffff;
			}
		}
	}

	& > .Pro {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 16px;

		& > div {
			width: 30%;
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 0 8px;
			position: relative;
			z-index: 1;
			margin-bottom: 4px;

			&::after {
				position: absolute;
				content: "";
				left: 0;
				bottom: 0;
				width: 100%;
				height: 9px;
				background: linear-gradient(
					90deg,
					rgba(197, 45, 28, 0.5),
					rgba(197, 45, 28, 0)
				);
				z-index: -1;
			}

			& > span:nth-child(1) {
				font-size: 21px;
				color: #f7d189;
				margin-right: 8px;
			}

			& > span:nth-child(2) {
				font-size: 16px;
				font-family: MicrosoftYaHei;
				font-weight: bold;
				color: #ffffff;
			}
		}
	}

	& > .Sort {
		flex: 1;
		overflow: hidden;

		& > .TextList001 {
			height: 100%;

			& > .Top {
				height: 40px;
				background: rgba(197, 45, 28, 0.5);
				font-size: 14px;
				font-family: MicrosoftYaHei;
				color: #ffffff;

				& > div {
					background: rgba(197, 45, 28, 0.5);
				}
			}

			& > .List {
				& > div {
					font-size: 14px;
					font-family: MicrosoftYaHei;
					color: #ffffff;
				}

				& > div:nth-child(odd) {
					border-bottom: 1px solid rgba(247, 209, 137, 0.8);
				}

				& > div:nth-child(even) {
					border-bottom: 1px solid rgba(247, 209, 137, 0.5);
				}
			}
		}
	}
}

.PartyA02 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;

	& > div {
		width: 100%;

		&.TitleSmallA01 {
			margin: 8px;
		}

		&.top {
			margin-bottom: 8px;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			flex-direction: column;

			& > div {
				width: 100%;

				&.num {
					padding: 16px 56px;
					display: flex;
					align-items: center;
					justify-content: center;

					& > img {
						width: 156px;
						height: 134px;
						display: block;
						margin-right: 8px;
					}

					& > div {
						flex: 1;
						height: 44px;
						display: flex;
						align-items: center;
						justify-content: center;
						background: linear-gradient(
							90deg,
							rgba(157, 30, 0, 0) 10%,
							rgba(157, 30, 0, 1),
							rgba(157, 30, 0, 0) 90%
						);

						& > span:first-child {
							font-size: 20px;
							font-family: Microsoft YaHei;
							font-weight: bold;
							color: #ffe673;
							margin-right: 8px;
						}

						& > span:last-child {
							font-size: 20px;
							font-family: Microsoft YaHei;
							font-weight: bold;
							color: #ffffff;
						}
					}
				}

				&.list {
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;

					& > div {
						width: 88%;
						padding: 0 16px;
						display: flex;
						align-items: center;
						justify-content: space-between;
						position: relative;
						z-index: 1;
						height: 40px;

						&::after {
							content: "";
							position: absolute;
							left: 0;
							bottom: 0;
							width: 100%;
							height: 2px;
							border-radius: 50px;
							background: rgba(157, 30, 0, 1);
						}

						& > span:first-child {
							font-size: 21px;
							font-family: YouSheBiaoTiHei;
							font-weight: 400;
							color: #ffe09c;
						}

						& > span:last-child {
							font-size: 24px;
							font-family: YouSheBiaoTiHei;
							font-weight: 400;
							color: #ffffff;
						}
					}
				}
			}
		}

		&.btm {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			padding: 0 16px;

			& > div {
				width: 50%;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				font-size: 24px;
				font-family: YouSheBiaoTiHei;
				font-weight: 400;
				color: #ffffff;
			}
		}
	}
}
